/* Toolbar styles */
#toolbar {
  position: relative;
  padding-bottom: 0.5em;
  display: none; }

#toolbar ul {
  list-style: none;
  padding: 0;
  margin: 0; }

#toolbar ul li {
  float: left;
  padding-right: 1em;
  padding-bottom: 0.5em; }

#toolbar ul li a {
  font-weight: bold;
  font-size: smaller;
  vertical-align: middle;
  color: black;
  text-decoration: none; }

#toolbar ul li a:hover {
  text-decoration: underline; }

#toolbar ul li * {
  vertical-align: middle; }

/* toolbar editting */
.customEditingToolbar_Invisible {
  float: right;
  right: 0px;
  height: 30px;
  width: auto;
  display: none; }

.customEditingToolbar_Invisible div {
  float: right;
  margin: 5px;
  width: 24px;
  height: 24px; }

.customEditingToolbar_Visible {
  float: right;
  right: 0px;
  height: 30px;
  width: auto;
  display: none; }

.customEditingToolbar_Visible div {
  float: right;
  margin: 5px;
  width: 24px;
  height: 24px; }

/* Styles used by the default GetFeatureInfo output, added to make IE happy */
table.featureInfo, table.featureInfo td, table.featureInfo th {
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  font-size: 90%;
  padding: .2em .1em; }

table.featureInfo th {
  padding: .2em .2em;
  text-transform: uppercase;
  font-weight: bold;
  background: #eee; }

table.featureInfo td {
  background: #fff; }

table.featureInfo tr.odd td {
  background: #eee; }

table.featureInfo caption {
  text-align: left;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  padding: .2em .2em; }

.popup {
  position: absolute;
  padding: 5px;
  font-size: 8pt;
  z-index: 1000;
  background-color: white; }

/* The map and the location bar */
#div_Map_Tools {
  clear: both;
  position: relative;
  border: 1px solid black; }

#map {
  clear: both;
  position: relative;
  width: 512px;
  height: 489px;
  border: 1px solid black; }

#div_Map_LayerList {
  position: absolute;
  width: auto;
  height: auto;
  border: 1px solid;
  font-family: Arial Narrow;
  font-size: small;
  background: #FFFFFF;
  /* #6CC8EF; */
  margin: 10px;
  /* padding: 5px; */
  z-index: 3002; }

#OV {
  position: absolute;
  width: auto;
  height: auto;
  border: 1px solid;
  font-family: Arial Narrow;
  font-size: small;
  z-index: 3002; }

#Img_LayerList {
  position: absolute;
  width: auto;
  height: auto;
  border: 0px solid;
  margin: 10px;
  z-index: 3002; }

#Img_OV {
  position: absolute;
  width: auto;
  height: auto;
  border: 0px solid;
  z-index: 3002; }

#scalebar, #scale {
  position: absolute;
  float: left;
  width: auto;
  height: auto;
  z-index: 3001; }

#location {
  position: absolute;
  float: right;
  width: 180px;
  font-style: italic;
  color: black;
  font-family: Arial Narrow;
  font-size: small;
  z-index: 3000; }

#options {
  position: absolute;
  left: 13px;
  top: 7px;
  z-index: 3000; }

#div_Map_divToolbar, #div_Map_divToolbar_LineExtension {
  border: 0px solid;
  background-color: transparent;
  display: block;
  position: absolute;
  left: 100px;
  top: 100px;
  z-index: 3001; }

#div_Map_DirectionFeature, #div_Map_ParallelFeature, #div_Map_Merger_Feature, #div_Map_Measure {
  border: 1px solid;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  background: #F0F8FF;
  z-index: 3002; }

#div_Map_ContextMenuLayer {
  border: 1px solid;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  background: #F0F8FF;
  z-index: 3002; }

.toolbar_Editor {
  margin: 0x 5px 0px 0px; }

.toolbar_Editor li {
  display: inline;
  margin: 0x 0px 0px 0px;
  padding: 2px 2px 0px 0px;
  float: left; }

.toolbar_Editor li #img_map_Polyline_Split, #img_map_Polyline_Merge, #img_map_Polyline_Extent, #img_map_Polyline_Trim {
  display: block; }

.toolbar_Editor #liSprit2, #liSprit3, #liSprit4, #liSprit5, #liSprit6, #liSprit7, #liSprit8, #liSprit9 {
  margin: 0x 0px 0px 0px;
  padding: 0px 5px 0px 0px;
  display: inline;
  float: left; }

.toolbar_Editor #liTool {
  margin: 0x 0px 0px 0px;
  padding: 0px 5px 0px 0px;
  display: inline;
  float: left; }

